<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>商品详情</title>
  <link rel="icon" href="../img/icon.png" sizes="18x18">
  <link rel="stylesheet" href="../css/detail.css">
</head>

<body>
  <header>
  </header>
  <main>
    <div class="successful" id="success">添加成功</div>
    <div class="main-choose" id="detailList">

    </div>
    <script type="text/html" id="getdetailTemplate">
        <ul>
          <li><a href="#">主页&nbsp;&gt;&nbsp;</a></li>
          <li><a href="#">全部产品&nbsp;&gt;&nbsp;</a></li>
          <li>{{title}}</li>
        </ul>
      </div>
      <div class="detail">
        <div class="up"><img src="/img/banner/up.svg" alt=""></div>
        <div class="down"><img src="/img/banner/down.svg" alt=""></div>
        <div class="left">
          <ul id="xiao">
            <li class="ac"><img src="{{photo[0].url}}" alt=""></li>
            <li><img src="{{photo[1].url}}" alt=""></li>
            <li><img src="{{photo[2].url}}" alt=""></li>
            <li><img src="{{photo[3].url}}" alt=""></li>
          </ul>
        </div>
        <div class="center">
          <div class="middleimg">
            <ul id="zhong">
              <li class="ac"><img src="{{photo[0].url}}" alt=""></li>
              <li><img src="{{photo[1].url}}" alt=""></li>
              <li><img src="{{photo[2].url}}" alt=""></li>
              <li><img src="{{photo[3].url}}" alt=""></li>
            </ul>
          </div>
          <div class="heart"><img src="/img/banner/shi.svg" alt=""></div>
          <div class="heart ac"><img src="/img/banner/kong.svg" alt=""></div>
        </div>

        <div class="right prod-item">
          <ul>
            <li class="one">{{title.slice(0,26)}}</li>
            <li class="two">ECSTASY MIRROR</li>
            <li class=three><span>🤞🤞🤞🤞🤞🤞</span>&nbsp;&nbsp;&nbsp;共{{id}}条评论</li>
            <li class="four">-阿玛尼618- 【浓情爱礼】 *任购满￥580，臻享挚爱女士香水/「红色挚爱」香水7ml*1（随机赠送） *任购满￥880，臻享黑钥匙奢宠体验装*2 ... <a href="">查看更多</a></li>
          </ul>
          <ol>
            &nbsp;原价{{originPrice}}
          </ol>
          <div class="menus">&nbsp;{{accessoryHints[0]}}</div>
          <div class="order">￥{{price}}<span id="addtocart">加入购物袋</span><span><a href="/html/cart.html">立即购买</a></span></div>
        </div>
        
      </script>
    <div class="explain">
      <div class="left">
        <ul id="tab">
          <li class="ac">描述</li>
          <li>使用方法</li>
        </ul>
        <div class="explain-list ac"><img src="/img/miaoshu.png" alt=""></div>
        <div class="explain-list">#3 适合自然偏白肤色
          #4 适合自然肤色
          使用阿玛尼大师粉刷从面部中心向外轻轻推开涂抹</div>
      </div>
      <!-- <div class="right"><img src="/img/liyu.png" alt=""></div> -->
    </div>
    <!-- <div class="longpic"><img src="/img/lang.png" alt=""></div> -->
  </main>
  <footer>
  </footer>
  <script src="/libs/require/require.js" data-main="/js/detail"></script>
</body>

</html>